<template>
	<view>
		<cu-custom :isBack="true" style="color: #fff;" bgColor="bg-gradual-fff">
			<block slot="content" style="color: #fff;">导师</block>
		</cu-custom>
		<u-loading-page :loading="true" loading-text="loading..." v-if="showLoading"></u-loading-page>
		<view v-show="!showLoading">
			<view class="viewbox" style="background-color:#0B000C;"></view>
			
			<navigator url="/pages/daoshi/introduction">
				<view class="group1">
					<view class="parse1">
						<view class="name1">TOM王帅</view>
						<view class="tab1">失眠 | 成长 | 素质</view>
					</view>
					<view class="group2">
						<u-rate :value="4" disabled active-color="#FBC509" gutter="5" size="30rpx"></u-rate>
					</view>
					<view class="group3">
						<view class="yp">从业4年 | 累计服务2003学员</view>
					</view>
					<view class="group4">
						<view class="avatar">
							<u-avatar :src="src"></u-avatar>
							<!-- <u-avatar :text="text"></u-avatar> -->
						</view>
					</view>
				</view>
			</navigator>
			
			
		</view>	
	</view>
</template>
<script>
	export default {
			data() {
				return {
					src: '',
					// text: '无头像'
				}
			}
		}
</script>

<style  lang="scss" scoped>
	.group1{
		position: absolute;
		margin-left: 25rpx;
		margin-top: 60rpx;
		width: 700rpx;
		height: 250rpx;
		background: linear-gradient(-57deg, #734FB5, #BC82BB);
		border-radius: 20rpx;
		// padding-top: 55rpx;
		// padding-left: 42rpx;
	}
	.parse1{
		// position: absolute;
		display: flex;
	}
	.name1{
		position: absolute;
		font-family: PingFang SC;
		font-weight: 800;
		font-size: 26rpx;
		color: #FFFFFF;
		margin-top: 55rpx;
		margin-left: 42rpx;
		// line-height: 36rpx;
	}
	.tab1{
		position: absolute;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 22rpx;
		color: #FFFFFF;
		margin-top: 60rpx;
		margin-left: 187rpx;
	}
	.group2{
		position: absolute;
		margin-top: 99rpx;
		margin-left: 47rpx;
	}
	.yp{
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 22rpx;
		color: #FFFFFF;
		position: absolute;
		margin-top: 152rpx;
		margin-left: 42rpx;
	}
	.avatar{
		position: absolute;
		margin-top: 60rpx;
		margin-left: 505rpx;
		width: 140rpx;
		height: 139rpx;
		background: #E4CBDF;
		border-radius: 50%;
		border: #FFFFFF 1rpx solid;
	}
</style>
